<form id="edit-form" class="form-horizontal" role="form" data-toggle="validator" method="POST" action="">
    <style>
        .label-group {
            margin-bottom: 15px;
        }
        .label-group label {
            margin-right: 10px;
            background-color: #007bff;
            color: white;
            padding: 5px 10px;
            border-radius: 5px;
        }
    </style>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Order.order_no')}:</label>
        <div class="col-xs-12 col-sm-8">
            <div class="radio">
                <input class="form-control" type="text" value="{$row.order.order_no|htmlentities}" disabled>
            </div>
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Agent.name')}:</label>
        <div class="col-xs-12 col-sm-8">
            <div class="radio">
                <input class="form-control" type="text" value="{$row.agent.name|htmlentities}" disabled>
            </div>
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Satisfaction_status')}:</label>
        <div class="col-xs-12 col-sm-8">
            <div class="radio">
                <input id="c-satisfaction_status" class="form-control" name="row[satisfaction_status]" type="text" value="{$row.satisfaction_status_text|htmlentities}" disabled>
            </div>
        </div>
    </div>

    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Content')}:</label>
        <div class="col-xs-12 col-sm-8 label-group">
            {volist name="row.content" id="vo"}
            <label>{$vo|htmlentities}</label>
            {/volist}
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Remarks')}:</label>
        <div class="col-xs-12 col-sm-8">
            <textarea id="c-remarks" data-rule="required" class="form-control" rows="5" name="row[remarks]" cols="50" disabled>{$row.remarks|htmlentities}</textarea>
        </div>
    </div>
    <div class="hide layer-footer">
        <label class="control-label col-xs-12 col-sm-2"></label>
        <div class="col-xs-12 col-sm-8">
            <button type="reset" class="btn btn-primary btn-embossed btn-close" onclick="Layer.closeAll();">{:__('Close')}</button>
        </div>
    </div>
</form>
